body {
  font-family: 'Segoe UI', Tahoma, sans-serif;
  font-size: 14px;
}
body .navigator {
  position: fixed;
  top: 70px;
  left: 0;
  width: 155px;
}
body .navigator h1 {
  margin: 12px 24px;
}
body .navigator > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .navigator > ul > li > a {
  color: #999;
  cursor: pointer;
  line-height: 17px;
  padding: 6px 0 6px 20px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  border-left: 6px solid transparent;
}
body .navigator > ul > li > a:hover {
  color: #000;
}
body .navigator > ul > li > a.active {
  color: #000;
  border-left: 6px solid #4e5764;
  cursor: default;
  pointer-events: none;
}
body .navigator > ul > li > a.active:hover {
  color: #000;
  cursor: default;
  pointer-events: none;
}
body .sections {
  position: relative;
  margin: 82px 10px 30px 160px;
}
body .sections h1 {
  margin: 12px 24px;
}
body .sections section > ul {
  list-style: none;
}
body .sections section > ul label {
  padding: 10px 20px 10px 0;
}
body .controls {
  position: fixed;
  top: 0;
  background: #DDD;
  z-index: 100;
  width: 100%;
}
body .controls > div {
  padding: 16px 20px 16px 20px;
}
body .editorwrap {
  display: block;
  width: 92%;
  height: 375px;
  resize: vertical;
  overflow: auto;
  padding: 0 0 12px 0;
  margin: 10px;
  background: #DDD;
}
body .editor {
  margin: 0;
  resize: none;
  height: 100%;
  position: relative;
}
